<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>视频 22001010525-王婕</title>
    <script src="./wang_fonts/iconfont.js"></script>
    <link rel="stylesheet" href="wang_css/shipin.css">
</head>
<body>
    <header class="wang_header">
        <div class="navigation">
            <a href="#">
            <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-sousuo1"></use>
            </svg></a>
            <a href="#">推荐</a>
            <a href="#">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-jiahao"></use>
                </svg>
            </a>
        </div>
    </header>
    <main class="wang_main">
        <!-- 视频 -->
        <div class="weibo-video-container">
            <video controls class="video-player">
              <source src="./wang_images/shipin/shipin1.mp4">
            </video>
            <div class="video-info">
              <div class="hashtag-count">16.7万阅读</div>
              <div class="user-profile">
                <img src="./wang_images/shipin/1.jpg" >
                <div>
                    <span class="user-name">甄妓</span>
                    <span class="user-title">美食博主</span>
                </div>
                <button class="follow-button">+ 关注</button>
            </div>
            <div class="hashtags">
                <span class="hashtag">#孟子义#田曦薇</span>
                <span class="hashtag">#孟子义抬头挺胸：我锥子脸最美！谁料镜头一...</span>
            </div>
            <div class="hashtag-count">展开</div>
          </div>
          </div>
          <div class="weibo-video-container">
            <video controls class="video-player">
              <source src="./wang_images/shipin/shipin2.mp4">
            </video>
            <div class="video-info">
              <div class="hashtag-count">58.6万阅读</div>
              <div class="user-profile">
                <img src="./wang_images/shipin/2.jpg" >
                <div>
                    <span class="user-name">buibui追剧</span>
                    <span class="user-title">电视剧博主</span>
                </div>
                <button class="follow-button">+ 关注</button>
            </div>
            <div class="hashtags">
                <span class="hashtag">#孟子义#</span>
                <span class="hashtag">孟姐是一点都没把观众当外人啊，什么都敢说啊...</span>
            </div>
            <div class="hashtag-count">展开</div>
          </div>
          </div>
    <!-- 下导航 -->
    <nav class="wang_nav">
        <ul>
            <li>
                <a href="weibo(guanzhu).html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouye1"></use>
                    </svg>
                    <p>微博</p>
                </a>
            </li>
            <li>
                <a href="shipin.html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shipin"></use>
                    </svg>
                    <p>视频</p>
                </a>
            </li>
            <li>
                <a href="faxian.html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sousuo1"></use>
                    </svg>
                    <p>发现</p>
                </a>
            </li>
            <li>
                <a href="xiaoxi.html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiaoxi2"></use>
                    </svg>
                    <p>消息</p>
                </a>
            </li>
            <li>
                <a href="wo.html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wo"></use>
                    </svg>
                    <p>我</p>
                </a>
            </li>
        </ul>

    </nav>
    
</main>
    <footer class="wang_footer"></footer>    
</body>
</html>